<!-- 上传页面信息组件 -->
<template>
	<!-- 位置描述 -->
	<view class="post-info">
		<text class="post-info__title" v-if="title">{{title}}</text>
		
		<slot name="tag"></slot>
		
		<slot name="position"></slot>
		
		<slot name="tips"></slot>
		
		<public-upload-img v-model="images"></public-upload-img>
		
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import publicUploadImg from '@/components/publicUploadImg/publicUploadImg.vue'

	const props = defineProps({
		title: String
	})

	// 使用 defineModel 实现双向绑定
	const images = defineModel('images', {
		type: Array,
		default: () => []
	})
	
	// 清除数据方法
	function clearData() {
		images.value = []
	}
</script>

<style lang="scss" scoped>
// 发布找到部分
.post-info{
	// 位置描述部分
	width: 690rpx;
	min-height: 316rpx;
	height: auto;
	margin: 0 auto;
	margin-bottom: 30rpx;
	box-sizing: border-box;
	padding:0 40rpx;
	padding-top: 30rpx;
	padding-bottom: 40rpx;
	background-color: #fff;
	border-radius: 40rpx;
	font-size: 24rpx;
	color: #333333;
	&__title{
			display: block;
			margin-bottom: 30rpx;
	}
}
</style>